<template>
  <div class="h-naive-users-box">
    <TableNav :dataColumns="dataColumn" />
  </div>
</template>

<script setup>
import { ref } from "vue";
import TableNav from "@/components/TableNav/TableNav.vue";

let dataColumn = ref([
  {
    title: "Name",
    key: "name",
  },
  {
    title: "Age",
    key: "age",
  },
  {
    title: "Address",
    key: "address",
  },
  // {
  //   title: "Tags",
  //   key: "tags",
  //   render(row) {
  //     const tags = row.tags.map((tagKey) => {
  //       return h(
  //         NTag,
  //         {
  //           style: {
  //             marginRight: "6px",
  //           },
  //           type: "info",
  //           bordered: false,
  //         },
  //         {
  //           default: () => tagKey,
  //         }
  //       );
  //     });
  //     return tags;
  //   },
  // },
]);
</script>

<style scoped></style>
